//1.下载jquery： yarn add jquery

// 2.创建public/index.html

// 3.入口处引入jquery：
import $ from 'jquery'

// 4.编写隔行变色的代码
$("#myUL>li:odd").css('color','pink')
$("#myUL>li:even").css('color','purple')

// 5.引入css文件
import "./css/index.css"

// 6.引入less文件
import "./less/index.less"

// 7.手动引入一个图片文件
// webpack 万物皆模块
import imgObj from './assets/1.gif'
let img = document.createElement("img")
img.src = imgObj
document.body.appendChild(img)

// 8.引入字体图片样式文件
import "./assets/fonts/iconfont.css"
let theI = document.createElement("i")
theI.className = "iconfont icon-qq"
document.body.appendChild(theI)

// 9.书写高版本的js语法
const fn = () => {
    console.log("我是一个箭头函数");
}
console.log(fn);